<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src=".././static/js/public-head.js"></script>
</head>
<body style="padding: 3px">
<div class="layui-fluid layui-row layui-col-space10" style="padding: 0px">
    <div class="layui-col-md3 xd-div-sample">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input  type="text"   name="searchStr" id="searchStr" placeholder="输入关键字" autocomplete="off" class="layui-input">
            </div>
            <button class="layui-btn" id="widget-add">新增</button>
        </div>
        <hr>
        <table id="xdWidget-tb" lay-filter="xdWidget-tb"></table>
    </div>
    <div class="layui-col-md9" >
        <fieldset class="layui-elem-field">
            <legend class="xd-div-sample2">Panel属性</legend>
            <div class="layui-field-box"  style="overflow-y: auto;padding: 1px;height: 200px" id="xdWidget-attr-dom">

            </div>
        </fieldset>
    </div>
</div>
</body>
<script type="text/javascript" src="js/widgetPanelUtil.js"></script>
<script type="text/javascript" src="js/widgetEchartUtil.js"></script>
<script type="text/javascript">
    $(window).resize(function () {
        var divHeight = $('.xd-div-sample').height()
        var h1 = $('.xd-div-sample2').height()
        $("#xdWidget-attr-dom").css("height",divHeight-h1-3)
    })
</script>
<script type="text/html" id="xdWidget-add-dom">
    <div class="layui-card padding5px"  >
        <div class="layui-card-body"  >
            <form class="layui-form" action="javascript:;" lay-filter="xdWidget-add-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="name"  lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Widget</label>
                    <div class="layui-input-inline">
                        <select xm-select	="xdWidgetId" lay-verify="required"
                                name="xdWidgetId"
                                id="xdWidgetId"
                                xm-select-radio="" xm-select-search=""  >
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="xdWidget-add-form-bt">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</script>
</html>
<script type="text/html" id="panel-html-dom">
    <div class="layui-card" id="card-{{d.domId}}">
        <div class="layui-card-header" id="card-header-{{d.domId}}">{{d.name}}</div>
        <div class="layui-card-body" id="card-body-{{d.domId}}">
            {{d.html}}
        </div>
    </div>
</script>
<script type="text/html" id="panel-view-tb-dom">
    <div class="padding5px">
        <table id="panel-view-tb" wrap="hard" cols="20" clay-filter="panel-view-tb"></table>
    </div>
</script>
<script type="text/html" id="panel-view-sql-dom">
    <pre class="layui-code" id="panel-view-sql"></pre>
</script>